<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>新闻详情</title>
  <!-- Bootstrap core CSS -->
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <!-- Custom styles for this template -->
  <link href="/css/dashboard.css" rel="stylesheet">
</head>

<body>
<!--顶部菜单 -->
<div th:replace="~{topleft::topnav}"></div>
<div class="container-fluid">
  <div class="row">
    <!--左菜单 -->
    <div th:replace="~{topleft::#sidebarMenu(lurl='leftnews')}"></div>
    <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
      <ul style="list-style: none">
        <li><h5>标题:<span th:text="${news.title}">新闻标题</span></h5></li>
        <li><h5>作者:<span th:text="${news.author}">新闻作者</span></h5></li>
        <li><h5>发布日期:<span th:text="${news.publishDate}">发布日期</span></h5></li>
        <li><h5>内容:</h5><div th:utext="${news.content}">新闻内容</div></li>
      </ul>
    </main>
  </div>
</div>

<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>

<!-- Icons -->
<script type="text/javascript" src="/js/feather.min.js"></script>
<script>
  feather.replace();
</script>
</body>

</html>
